<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>好车e贷</title>

	<!-- 公共样式  -->
	<link rel="stylesheet" href="../common/css/reset.css" media="screen" />
<link rel="stylesheet" href="css/pages/base.css" media="screen" />
<link rel="stylesheet" href="css/components/topnav.css" media="screen" />
<link rel="stylesheet" href="css/components/header.css" media="screen" />
<link rel="stylesheet" href="css/components/crumbs.css" media="screen" />
<link rel="stylesheet" href="css/components/star.css" media="screen" />
<link rel="stylesheet" href="css/components/service.css" media="screen" />
<link rel="stylesheet" href="css/components/searchbar.css" media="screen" />
<link rel="stylesheet" href="css/components/sidebar.css" media="screen" />
<link rel="stylesheet" href="css/components/dialog.css" media="screen" />
<link rel="stylesheet" href="css/components/footer.css" media="screen" />
	<!-- 依赖外部样式 -->
	<link rel="stylesheet" href="css/components/title.css" media="screen" />
	<link rel="stylesheet" href="css/components/crumbs.css" media="screen" />
	<!-- 本页面样式 -->
	<link rel="stylesheet" href="css/pages/onlinefinance/loan/styles.css" media="screen" />
	<link rel="stylesheet" href="css/pages/onlinefinance/loan/survey.css" media="screen" />
	<link rel="stylesheet" href="css/pages/onlinefinance/loan/jquery-ui.css" />
</head>
<body>
	<!-- head | header -->
<div class="topnav-wrapper">
	<div class="topnav wrapper">
		<ul class="topnav-main">
			<li>
				<span id="cityPos" class="city-hd"><i class="icon-map"></i><em id="currentCity"></em> [切换]</span>
				<div class="city-bd hide" id="citychage"></div>
			</li>
		</ul>
		<ul id="box01" class="topnav-side" style="">
			<li id="mobileview">
				<a href="">手机版</a>
				<div class="go-mobile">
					<img src="images/public/m.chexiang.png" width="100" height="100"/>
				</div>
			</li>
			<li class="line"></li>
			<li>
				<a class="login-bind" href="#">登录</a>
			</li>
			<li class="line"></li>
			<li>
				<a class="register-bind" href="#">注册</a>
			</li>
		</ul>
		<ul id="box02" class="topnav-side" style="display:none">
			<li class="name">Hi，</li>
			<li id="userCenter">
				<span class="user-hd"><a class="current" href="#" target="_blank">车享商城</a></span>
				<div class="group">
					<a href="/member/myOrders.htm" target="_blank">我的订单</a>
				</div>
			</li>
		</ul>
	</div>
</div>
<div class="header">
	<div class="wrapper">		
		<div class="logo"><a href=""><img src="images/public/logo.png" alt="车享商城" /></a></div>
		<ul>
			<li class="cur"><a href="">首页</a></li><li><a href="">车享特供</a></li><li><a href="">现金购车</a></li><li><a href="">分期付款</a></li>
			<li class="icon-tip-box">
				<a href="">每周特价车</a>
				<i class="icon-tip">特</i>
			</li>
		</ul>
		<div class="search-box">
			<form method="get" target="_blank" action="/multisearch/search.htm">
			    <input type="hidden" name="cat" value="1" />
			    <input type="text" id="attendSymbol" name="kwd" placeholder="请输入品牌、级别、车系、车型" class="search-input" autocomplete="off" class="txt" />
			    <button type="submit" class="search-submit"><i></i></button>
			</form>
		</div>
	</div>
</div>
<!-- end | header -->
	
	 <!-- begin | nav -->
    <div class="wrapper bread">
        <div class="title-blue crumbs-nav">
            <a href="javascript:void(0)">车享商城</a>
            <i class="crumbs-arrow">&gt;</i>
            <a href="javascript:void(0)">贷款购车</a>
            <i class="crumbs-arrow">&gt;</i>
            <a href="javascript:void(0)">贷款定制</a>
        </div>
    </div>
    <!-- end | nav -->
	
	<!-- start | 贷款-->
    <div class="wrapper filter-block">
    
		<div class="test_finance white_background">
			<div class="one_column_content">
				<!-- 问卷开始 -->
				<div class="line_ask_answer">				
					<div class="three_steps">
						<p class="font_heading_one">私人贷款定制</p>
					</div>
					<p class="ask_answer_text dark_text font_heading_two">我们为您准备了<span class="question_count"></span>道关于您个人基本信息的选择题，以方便计算出您的贷金券额度，请保证您填写信息的真实性。<a class="base_blue" href="http://www.haocheedai.com/help_customerHelp.html#tab_1">了解更多</a></p>
			
					<div class="test_survey">
						<div class="container">
							<div class="content">
								<div class="wrapper" style="position:relative;">
									<div class="survey"></div>
								</div>
								<div id="progressbar" style="background-color:#FFFFFF;"></div>
								<canvas id="circle" width="100" height="100"></canvas>
								<div class="navigation"></div>
							</div>
						</div>
						<div class="mask"></div>
						<div id="editPanel" class="window">
							<div class="head" >
								<span class="title"></span>
								<div class="close" onclick="closeEditPanel();"></div>
							</div>
							<div class="body"></div>
						</div>
			
					</div>
				</div>
				<!-- 问卷结束 -->
			</div>
		</div>
		<input type="hidden" id="websiteRootUrl" value="http://car.chexiang.com">
		
	</div>
	<!-- end | 贷款-->
	
	<!-- begin | Footer -->	
<div class="footer">
	<div class="footer-main clearfix">
		<div class="footer-intro">
			<dl class="footer-item">
				<dt>关于我们</dt>
				<dd><a href="http://www.chexiang.com/gycx/about.shtml" target="_blank">关于车享</a></dd>
				<dd><a href="http://join.chexiang.com" target="_blank">加入我们</a></dd>
				<dd><a href="http://www.chexiang.com/gycx/terms.shtml" target="_blank">法律声明</a></dd>
				<dd><a href="http://www.chexiang.com/gycx/impunity.shtml" target="_blank">免责条款</a></dd>
				<dd><a href="http://www.chexiang.com/gycx/privacy.shtml" target="_blank">隐私权声明</a></dd>
			</dl>
			<dl class="footer-item">
				<dt>联系我们</dt>
				<dd><a href="http://join.chexiang.com" target="_blank">加入我们</a></dd>
				<dd>
					<p class="tel">4008 020 666</p>
				</dd>
			</dl>
			<dl class="footer-item">
				<dt>售后服务</dt>
			<!-- <dd><a href="${Config.MainBase}/feedback/suggest.htm" target="_blank">投诉建议</a></dd> -->	
				<dd><a href="http://www.chexiang.com/gycx/agreement.shtml" target="_blank">用户服务协议</a></dd>
			</dl>
			<dl class="footer-item">
				<dt>会员说明</dt>
				<dd><a href="http://mall.chexiang.com/help.htm?tab=tab-rights" target="_blank">会员权益</a></dd>
				<dd><a href="http://mall.chexiang.com/help.htm?tab=tab-integral" target="_blank">积分说明</a></dd>
				<dd><a href="http://mall.chexiang.com/help.htm?tab=tab-register" target="_blank">注册流程</a></dd>
				<dd><a href="http://mall.chexiang.com/help.htm?tab=tab-problem" target="_blank">常见问题</a></dd>
			</dl>
			<div class="footer-side">
				<div class="ercode-box clearfix">
					<span title="微信订阅号"><img class="weixin-img" src="images/public/ercode-1.jpg" alt="微信订阅号" width="120" height="120"></span>
					<dl class="weixin-info">
					<dt>微信订阅号</dt>
					<dd class="weixinhao">chexiangV</dd>
					<dd class="desc">
						<p>扫描二维码关注车享官方账号</p>
						<p>还有劲爆优惠等你来拿!</p>
					</dd>
					</dl>
				</div>
				<div class="btn-area">
					<a class="a-btn" href="http://dealer.chexiang.com" target="_blanks">经销商登录<i></i></a>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-sub">
		<p class="copyright">CopyRight &copy; 2014-2015, All Rights Reserved 版权所有 车享     沪ICP备14000481号</p>
		<p class="friend-link">	
			<a href="http://www.roewe.com.cn/" target="_blank">荣威品牌官网</a>
			<a href="http://www.saicmg.com/" target="_blank">MG品牌官网</a>
			<a href="http://www.buick.com.cn/" target="_blank">别克品牌官网</a>
			<a href="http://www.chevrolet.com.cn/" target="_blank">雪佛兰品牌官网</a>
			<a href="http://www.cadillac.com.cn/" target="_blank">凯迪拉克品牌官网</a>
			<a href="http://www.svw-volkswagen.com/zh.html" target="_blank">上海大众品牌官网</a>
			<a href="http://www.skoda.com.cn/" target="_blank">上海大众斯柯达品牌官网</a>
			<a href="http://www.sgmw.com.cn/" target="_blank">五菱品牌官网</a>
			<a href="http://www.autobaojun.com/" target="_blank">宝骏品牌官网</a>
			<a href="http://www.saicmaxus.com/" target="_blank">大通品牌官网</a>
			<a href="http://auto.iqiyi.com/" target="_blank">爱奇艺汽车</a>		
		</p>
	</div>
</div>
<!-- end | Footer -->
	<!-- sidebar | start -->
<div id="mall-sidebar" class="sidebar">
	<ul class="side-abs">
		<li class="mainsite-im">
			<span class="tit im-client" rel="nofollow">
				<i class="icon-client"></i><span class="icon-text">客服</span>
			</span>
			<span class="advice-pop">客服<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<li class="line"></li>
		<li class="side-calculator">				
			<a class="tit" href="http://www.chexiang.com/car/tool/buy_0_0_0.htm" target="_blank" rel="nofollow">
				<i class="icon-calculator"></i><span class="icon-text">计算器</span>
			</a>
			<span class="advice-pop">计算器<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<li class="line"></li>
		<li class="side-collection">					
			<a class="mall-my" id="mall-my" href="javascript:void(0)" rel="nofollow">
				<i class="icon-collection"></i><span class="icon-text">我的收藏</span>
			</a>
			<span class="advice-pop">我的收藏<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<li class="line"></li>
		<li class="side-collection">					
			<a class="mall-my" id="mall-my" href="http://car.chexiang.com/help/faq.shtml" target="_blank" rel="nofollow">
				<i class="icon-help"></i><span class="icon-text">帮助中心</span>
			</a>
			<span class="advice-pop">帮助中心<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<li class="line"></li>
		<li class="side-collection">			
			<a class="tit" id="mall-quest" href="http://www.wenjuan.com/s/IFFRRz/" target="_blank" rel="nofollow">
				<i class="icon-quest"></i><span class="icon-text">问卷调研</span>
			</a>
			<span class="advice-pop">问卷调研<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<!--  
		<li class="line"></li>
		<li class="side-browse">					
			<a class="mall-my" href="" target="_blank">
				<i class="icon-browse"></i>最近浏览
			</a>
		</li>
		-->
	</ul>
	<ul class="side-fix">
		<li class="cmp-enter">
			<span class="tit a-comp"><i class="icon-comp"></i></span>
			<span class="advice-pop">反馈建议<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
		<li class="line"></li>
		<li class="backtoTop">
			<span class="tit a-top"><i class="icon-top"></i></span>
			<span class="advice-pop">返回顶部<i class="icon-advice ico-advice-arrows"></i></span>
		</li>
	</ul>
</div>
<div id="feedbook" style="display:none;">
	<!-- <form name="feedOrder" action="http://mall.dds.com/member/addFeedback.htm" method="post" id="feedOrder">  -->
		<div class="feedbook">
			<dl class="clearfix">
				<dt>反馈类型：</dt>
				<dd>
					<label><input type="radio" name="feedbackType" value="2" id="RadioFeed_0" checked="checked" />商品价格</label>
					<label><input type="radio" name="feedbackType" value="3" id="RadioFeed_1" />购买流程</label>
					<label><input type="radio" name="feedbackType" value="1" id="RadioFeed_2" />投诉</label>
					<label><input type="radio" name="feedbackType" value="4" id="RadioFeed_3" />其他</label>
				</dd>
			</dl>
			<dl class="clearfix">
				<dt>意见：</dt>
				<dd>
					<textarea name="question" id="question" cols="" rows="" maxlength = "500"></textarea>
				</dd>
			</dl>
			<div class="submit-error">
			</div>
			<div class="submit-feed">
				<input type="button" value="提交" class="feedbook-btn" id="submitFeed">
			</div>
		</div>
	<!-- </form> -->
</div>
<!-- sidebar | end -->
	
	
	<script src="../common/js/lib/jquery_1_8_3.js"></script>
	
	<script src="../common/js/ecar/ECar.easyDialog.js"></script>
	
	<script src="js/public/suggest.js"></script>
	<script src="js/public/base.js"></script>
	<script src="js/public/common.js"></script>
	
	<script src="js/onlinefinance/loan/json.js"></script>
	<script src="js/onlinefinance/loan/jquery.fullPage-2.6.5.js"></script>
	<script src="js/onlinefinance/loan/jquery.json.js"></script>
	<script src="js/onlinefinance/loan/survey.js"></script>
	<script src="js/onlinefinance/loan/common.js"></script>
	<script src="js/onlinefinance/loan/jquery.slimscroll.js"></script>
	<script src="js/onlinefinance/loan/jquery-ui.js"></script>
	
	
	<script>
        var settings = {
            itemWidth: 135,
            itemHeight: 80,
            gap: 10,
            isTouchDevice: false,
            subOptionWidth: 135,
            iconPrefix: "",
            submitUrl: "/dev_credit/submitSurvey.do", //提交的url
            complete: function(count) {},
            submit: function(obj) { //问卷提交成功后的回调函数
            	
            	//window.location.href = "onlinefinance-result.min.html";
            	
                if (obj.code == 1000) {
                    $(window).unbind("unload");
                    var showResultRedirect = $("#websiteRootUrl").val() + "/pc/getCreditSurvey.do";
                    window.location.href = showResultRedirect;
                } else if (obj.code == 1400) {
                    $(".processTip").hide();
                    //$(".editFailed").children("p").text(obj.message);
                    var data = $(".summary").data("survey");
                    debug(data);
                    $(".editFailed").children("p").text("服务器太忙").css("margin-left", "45px");
                    $(".editFailed").show();
                    $(".editFailed").fadeOut(5000);
                } else {
                    $(window).unbind("unload");
                    var showResultRedirect = $("#websiteSecureUrl").val() + "/pc/financeFailed.do";
//                  window.location.href = showResultRedirect;
					window.location.href = "CreditSurvey.html";
                }
            }
        };

        $(document).ready(function() {
            var survey = $.loadSurvey("getSurveyInfo.do"); // 加载问卷
            $survey = $(".survey");
            $navigation = $(".navigation");
            $editor = $("#editPanel");
            buildSurveyHTML(survey);
            settings.count = survey.questions.length;

            $(".survey").fullpage({
                scrollingSpeed: 400, //
                navigation: false,
                resize: false,
                fitSection: true,
                continuousVertical: false,
                slidesNavigation: false,
                scrollOverflow: true,
                keyboardScrolling: false,
                touchSensitivity: 15,
                afterRender: function() {
                    settings.complete(settings.count);
                    $(".survey").fullpage.setAllowScrolling(false);
                },
                onLeave: leaveHandler
            });
            $("body").removeAttr("style");
            $("html").removeAttr("style");
            initFisrtAnswer();

            $(".question_count").text(survey.questions.length);
            // 选项点击
            $(window).on("unload", function() {
                var data = getData();
                var result = {};
                result.survey = $.toJSON(data);
                console.info("result:"+result);
                if (data.answers.length > 0) {
                    $.ajax({
                        type: "post",
                        url: "submitHalfSurvey.do",
                        async: false,
                        data: result,
                        dataType: "json"
                    });
                }
            });
        });
        /*js画布实现圆环*/
        function drawCircle(num, totalNum) {
            var percent = num * 100 / totalNum;
            $("#progressbar").progressbar({
                value: percent
            });
        }

        function getData() {
            //getAnswer();
            var survey = {};
            var root = $survey.data("survey");
            survey.id = root.code;
            survey.ip = "10.10.10.100";
            survey.client = "pc";
            var answers = new Array();

            $.each(root.questions, function(index) {
                var tmp = $survey.data("answer_" + index);
                if ((!(typeof(tmp) == "undefined")) && tmp != null && tmp != "") {
                    if ((!(typeof(tmp.value) == "undefined")) && tmp.value != null && tmp.value != "") {
                        answers.push(tmp);
                    }
                }
            });
            survey.answers = answers;
            return survey;
        }
        </script>

</body>
</html>